.clr{clear: both;}
.font26{font-size: 26px;}

a{text-decoration: none;}
body{background: #f8f8f8; padding-top: 60px; }
#right{margin-left: 320px;}
#wrapper{min-width: 1024px;}
#main-nav{background: #fff; box-shadow: 0px 0px 9px #ccc; border-bottom:1px solid #fafafa}
#main-nav .navbar-brand{padding: 3px 20px 3px 10px;}
#main-nav .active{background: #b3c833;}
#main-nav li a{padding: 15px 15px 15px 38px;}
#main-nav li.active a{color: #fff;}
#main-nav .header-os{text-transform: uppercase; font-size: 11px; color: #999; font-weight: bold; font-family: Segoe UI,Arial,Geneva,sans-serif; background: #fafafa; border-right: 1px solid #fff; border-bottom: none; border-top: none;}
#main-nav .header-os:hover{ 
	color: #fff;
	-webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}

#main-nav #header-ios{ padding: 15px 15px 15px 42px; background: #fafafa url(../images/iosIcon.png) 5px 3px no-repeat; background-size: 41px 40px; }
#main-nav #header-android{  background: #fafafa url(../images/androidIcon.png) 0px 5px no-repeat; background-size: 47px 46px; }
#main-nav #header-window{  background: #fafafa url(../images/windowIcon.png) 0px 5px no-repeat; background-size: 41px 40px; }

#main-nav #header-ios:hover, #main-nav li.active #header-ios{ background: #b3c833 url(../images/iosIcon.png) 5px 3px no-repeat; background-size: 41px 40px;}
#main-nav #header-android:hover{ background: rgb(0, 153, 204) url(../images/androidIconHover.png) 0px 5px no-repeat;  background-size: 47px 46px;}
#main-nav #header-window:hover{ background: #e44754 url(../images/windowIconHover.png) 0px 5px no-repeat; background-size: 41px 40px;}


#main-nav .navbar-form input[type=text]{font-size: 11px;}

.sidebar-nav{position: fixed; left: 10px; background: #fff; box-shadow: 0px 0px 30px #ccc; padding: 10px; font-family: Segoe UI,Arial,Geneva,sans-serif;}
.sidebar-title{border-bottom: 1px solid #eee; font-size: 20px; padding-bottom: 5px; color: #666;}
#ios-sidebar-header{background:#b3c833; color: #fff; margin: -10px -10px 0px -10px;	padding: 6px 10px 10px 10px;}
.sidebar-title{margin: -10px -10px 0px -10px;}
#my-affix{width: 250px;} .sidebar-nav{width:250px;}
#my-affix h3{margin: 0px;} .sidebar-nav h3{margin: 0px;}
#my-affix h3 a{display: block;font-size: 15px; font-family: Segoe UI,Arial,Geneva,sans-serif; margin: 0px; line-height: 26px; }

#my-affix .img-circle{width: 25px;}
.eachCatItem{padding: 3px 0px;}
.eachCatItem a{ color: #666;}
.eachCatItem:hover{
	background: #b3c833;
	-webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
}
.eachCatItem:hover a{color: #fff;}

#body{position: relative;}
#right{padding-top: 0px; z-index: 9999; min-height: 300px;}
#home-top-bg{height: 416px; width: 100%; position: absolute; top: 0px; left: 0px; background: #fff url(../images/headerBg.jpg) right 0px; z-index: -1; }
#detail-top-bg{height: 416px; width: 100%; position: absolute; top: 0px; left: 0px; background: #fdfdfd; z-index: -1; }



.wrapEachRow{z-index: 9999; margin-bottom: 10px;}
.appItem{width: 150px; max-height: 212px; background: #fff; border-radius: 2px; padding: 10px; box-shadow: 0px 0px 5px #ccc; position: relative; float: left; margin: 0px 10px 15px 0px;}
.appItem:hover{box-shadow: 0px 0px 10px #666;}
.wrapAppItemImg{width: 130px; margin: 0px auto;}
.wrapAppItemContent{position: relative;}
.wrapEachRow .appItemImg{width: 130px; height: 130px;}
h2.rowTitle{margin: 0px 0px 10px 0px;}
h2.rowTitle a{border-left: 3px solid #b3c833; font-family: Segoe UI, Tahoma, Arial,Geneva,sans-serif; text-decoration: none; color: #999; font-size: 19px; text-transform: uppercase; padding: 0px 0px 0px 6px}
.wrapEachRow h3{margin: 1px 0px; white-space: nowrap; width: 130px; overflow: hidden; line-height: 20px;}
.wrapEachRow h3 a{color: #666; font-size: 16px; font-family: Segoe UI, Tahoma, Arial,Geneva,sans-serif;}
.titleGradiant{
	
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
	background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
	top: 0;
	height: 25px;
	max-height: 100%;
	position: absolute;
	right: 0;
	width: 60px;
}
.wrapAppItemContent .appItemAuthor{margin-bottom: 5px;}
.appItemAuthor a{color: #999; font-size: 12px; line-height: 14px;}

.wrapAppItemMetadata{position: relative;}
.wrapItemRate{height: 14px; width: 69px; background: url(../images/starSmall.png) top left repeat-x; }
.appItemPrice{position: absolute; right: 0px; top: 0px; margin: 0px; color: #b3c833;}
.appItemRated{height: 14px; background: url(../images/starSmallRated.png) top left repeat-x;}

#bannerWrapRow{min-width: 950px;}
.ribbon {
position: absolute;
height: 40px;
width: 40px;
display: block;
-webkit-border-radius: 0 2px 0 0;
border-radius: 0 2px 0 0;
top: 0;
}

.ribbon_hot {
background: url(../images/ribbon_hot.png) no-repeat right top;
-webkit-background-size: 40px;
background-size: 40px;
right: 0px;
}

.ribbon_new {
background: url(../images/ribbon_new.png) no-repeat left top;
-webkit-background-size: 40px;
background-size: 40px; left: 0px;
}

#dg-container img{max-height: 300px;}

.suggest-each-item{padding: 10px 0px; }
.suggest-each-item-image{width: 80px; float: left; margin: 0px 5px 5px 0px;}
.suggest-each-item h3{margin-top: -5px !important;}
.suggest-each-item .wrapAppItemMetadata{float: left; width: 120px;}

#wrap-footer{background: #fff; border-top: 2px solid #b3c833;}
#footer{height: 300px;  margin-left:300px; padding: 10px 0px 0px 0px; overflow: hidden;}

#face-box-footer{float: right; margin-right: 5px;}

/*************************************** DETAIL **************************************************/

#wrap-detail-item{padding: 10px 0px; color: #666; font-family: Segoe UI, Tahoma, Arial; width: 630px; float: left;}
#wrap-detail-main-image{float: left; margin: 0px 10px 10px 0px; }
#wrap-detail-info{ float: left; width: 410px;}
#wrap-detail-info h1{font-family: Segoe UI,Tahoma, Arial,Geneva,sans-serif; color: #666;}
#wrap-detail-info .wrapAppItemMetadata{margin-bottom:20px;}
#wrap-detail-main-image img{max-width: 210px; border-radius: 3px;}
#detail-author{font-size: 12px;color: #999;}
#detail-author span{font-weight: bold;}
#detail-category a{color: #b3c833;}
#wrap-detail-download{margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
#detail-download{font-family: Segoe UI,Tahoma, Arial,Geneva,sans-serif;
width: 100px; background: #b3c833; border-radius: 1px; text-align: center;
color: #fff;padding: 6px 2px; font-size: 18px; box-shadow: 0px 0px 1px #eee;} 

#wrap-detail-metadata{
	margin-top: 10px;
	float: left; padding-left: 20px; min-height: 200px; margin-left: 40px; 
	 padding: 10px; border-radius: 1px; min-width: 250px; border-left: 1px solid #eee;
	color: #999;
}

#wrap-detail-short-des{text-align: justify; font-family: tahoma; font-size: 13px; line-height: 22px; color: #999;}
.tab-detail{margin-right: 40px;}
.tab-detail .nav-tabs.nav-justified > li > a{border-radius: 0px; font-family: Segoe UI, Tahoma, Arial; font-weight: normal; font-size: 18px;}
.tab-detail .nav-tabs.nav-justified > li.active > a{ background: #b3c833; color: #fff;}
.bx-wrapper{margin-top: 20px;}
#info ul.bxslider li{top: 0px; left: 0px;}
#info ul.bxslider li img{margin: 0px auto;}
.tab-detail .tab-content{padding: 30px; border-bottom: 4px solid #eee; margin-bottom: 20px;}
#full-detail-des{color: #777; font-size: 13px; font-family: tahoma; line-height: 24px;}
.wrap-detail-rating{background: #fff; text-align: center; padding: 5px 10px; width: 150px;}
.wrap-detail-rating .basic{margin: 0px auto;}
#wrap-detail-os{padding-left: 10px;}
#wrap-detail-os a{margin-right: 10px;}

.wrap-detail-developer{padding: 5px;}
.wrap-detail-developer h2{margin: 20px 0px 10px 0px; font-family: Segoe Ui, Tahoma, Arial; border-bottom: 1px dashed #eee; padding: 0px 0px 10px 20px; background: url(../images/dev-icon.png) top left no-repeat; background-size: 16px; font-size: 14px; font-weight: bold;}
.dev-metadata{padding: 5px 7px; background: #ebebeb; color: #999; font-size: 12px;}
.dev-metadata:hover{text-decoration: none;color: #999; }




/******************** Author page ***********************/
#wrap-detail-author-image img{float: left; margin: 0px 10px 10px 0px; width: 150px;}
#app-author-count{font-size: 12px; color: #999;}
#app-author-count a{font-size: 12px; font-weight: bold; color: #999; margin-left: 7px; background: #fff; padding: 5px 7px;}
#app-author-count a:hover{text-decoration: none; background: #fafafa;}
#app-author-count img{width: 16px;}
.authorTitle{margin-bottom: 15px;}
#wrap-detail-short-des h2{border-left: 2px solid #b3c833; padding-left: 5px; font-family: Segoe UI, Tahoma, Arial; font-size: 19px;}
.normal-table{min-width: 400px;}
.normal-table td{padding: 5px 15px;}
#author-contact-table i{font-size: 20px; color: #999;}

#author-contact-button{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05);
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.17);
color: #737373;
cursor: pointer;
display: inline-block;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
height: 36px;
line-height: 34px;
min-width: 40px;
padding: 0 20px;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
}
#author-contact-button:hover{background: #fafafa;}
#author-contact-button i{font-size: 14px;}


/* Left sidebar user */
#user-manage-sidebar .eachCatItem{margin: 0px; padding: 5px;}
#user-manage-sidebar .eachCatItem:hover{background: none;}
#user-manage-sidebar .eachCatItem:hover a{color: #999;}
.user-manage-sidebar-list{width: 20px; height: 20px; padding: 0px; margin: 5px 0px 0px 0px;}
#app-manage-list{background: url('../images/sprite.png') top left no-repeat;}
#message-manage-list{background: url('../images/sprite.png') -20px 0px no-repeat;}
#avatar-manage-list{background: url('../images/sprite.png') -40px 0px no-repeat; }
#profile-manage-list{background: url('../images/sprite.png') -60px 0px no-repeat; }
#history-transfer-manage-list{background: url('../images/sprite.png') -80px 0px no-repeat;}
#charge-transfer-manage-list{background: url('../images/sprite.png') -100px 0px no-repeat;}


.manage-apps-table-img{width: 60px;}

.user-header-title{padding-left: 20px; font-size: 20px; font-weight: bold; color: #999; font-family: Segoe UI, Tahoma, Arial; background: url(../images/sprite.png) 0px -20px no-repeat;}
.user-choose-ios{padding: 5px 10px; background: #fdfdfd; display: block; font-weight: bold; font-size: 12px; color: #666; float: left; margin: 0px 6px 0px 0px; height: 43px; line-height: 30px;}
.user-choose-ios:hover{text-decoration: none; background: #fafafa; color: #999;}
.user-choose-ios img{height: 34px; }
.wrap-user-choose{margin: 20px 0px 15px 0px; overflow: hidden;}